﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="YUIList.aspx.cs" Inherits=" ZX.Web.UI.Controls.YUIList" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <!--CSS file (default YUI Sam Skin) -->
    <link rel="stylesheet" type="text/css" href="../scripts/yui_2.9.0/build/reset-fonts-grids/reset-fonts-grids.css" />
    <link rel="stylesheet" type="text/css" href="../scripts/yui_2.9.0/build/container/assets/skins/sam/container.css" />
    <link rel="stylesheet" type="text/css" href="../scripts/yui_2.9.0/build/menu/assets/skins/sam/menu.css" />
    <link rel="stylesheet" type="text/css" href="../scripts/yui_2.9.0/build/button/assets/skins/sam/button.css" />
    <link rel="stylesheet" type="text/css" href="../scripts/yui_2.9.0/build/resize/assets/skins/sam/resize.css" />
    <link rel="stylesheet" type="text/css" href="../scripts/yui_2.9.0/build/layout/assets/skins/sam/layout.css" />
    <link rel="stylesheet" type="text/css" href="../Scripts/yui_2.9.0/build/datatable/assets/skins/sam/datatable.css" />
    <link rel="stylesheet" type="text/css" href="../Scripts/yui_2.9.0/build/paginator/assets/skins/sam/paginator.css" />
    <link href="../Styles/base.css" rel="stylesheet" type="text/css" />
    <!--begin custom header content for this example-->
    <style type="text/css">
    .yui-skin-sam table {
	  width: 100%; 
    }
    
    #button-example-form fieldset, 
    #button-example-form fieldset div {
        border: 2px groove #ccc;
        margin: .5em;
        padding: .5em;
    }
    <% =DataTableCss %>
</style>
    <!--end custom header content for this example-->
    <!-- Dependencies -->
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/element/element-min.js"></script>
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/datasource/datasource-min.js"></script>
    <!-- OPTIONAL: JSON Utility (for DataSource) -->
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/json/json-min.js"></script>
    <!-- OPTIONAL: Connection Manager (enables XHR for DataSource) -->
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/connection/connection-min.js"></script>
    <!-- OPTIONAL: Get Utility (enables dynamic script nodes for DataSource) -->
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/get/get-min.js"></script>
    <!-- OPTIONAL: Drag Drop (enables resizeable or reorderable columns) -->
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/dragdrop/dragdrop-min.js"></script>
    <!-- OPTIONAL: Calendar (enables calendar editors) -->
    <%--<script type="text/javascript" src="../Scripts/yui_2.9.0/build/calendar/calendar-min.js"></script>--%>
    <!-- Source files -->

    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/datatable/datatable-min.js"></script>
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/paginator/paginator-min.js"></script>

    <script type="text/javascript" src="../scripts/yui_2.9.0/build/layout/layout-min.js"></script>
    <script type="text/javascript" src="../scripts/yui_2.9.0/build/button/button-min.js"></script>
    <script type="text/javascript" src="../scripts/yui_2.9.0/build/container/container-min.js"></script>
    <script type="text/javascript" src="../scripts/yui_2.9.0/build/resize/resize-min.js"></script>
    <script type="text/javascript" src="../scripts/yui_2.9.0/build/event-delegate/event-delegate-min.js"></script>

    
</head>
<body class="yui-skin-sam">
    <form id="form1" runat="server">
    <div id="layout" style="width:100%,height:100%"></div>
    <!-- 工具栏 -->
    <div id="listpage">
        <div id="toolbar" style="margin: 2px;"><% if (QuciklyQueryFields != string.Empty)
                                                  {  %><div style=" float:right;"><input type="checkbox" id="checkAndOr" /><span style="margin-top:-5px;">并集</span> <input id="QueryContext" type="text"/><button type="button" id="btnQuickQuery" name="btnQuickQuery" style="height:20px;" onclick="javascript:fnQuciklyQuery();">搜</button></div><%} %>
            <% =BtnItems %>
                 <%if (GetStringFromQueryString("isShonwBtn","Y") != "N")
                   { %>
                    <%--<button type="button" id="btnFull" name="btnFull">
                    全屏</button>--%>
                    <button type="button" id="btnReload" name="btnReload">
                    刷新</button>
                    <%--<button type="button" id="btnClose" name="btnClose">
                    关闭当前页</button> --%>
                <%} %>
        </div>
        <div id="data">
            <div id="json">
            </div>
        </div>
        <div id="bottom">
        <div id="pagetotal" style="float:left;height:25px; padding:8px;margin-top:3px;width:100px;"></div><div id="page" style="float:left"></div> 
        </div>
    </div> 
    <!-- 对话框 -->
    <div id="dialogArea" style="display:none">
    <div id="dialog1" class="yui-pe-content"  >
        <div class="hd">
           <% =PageTitle %>数据编辑</div>
        <div class="bd">
            <iframe id="EditUIWindow" frameborder="0" src="" style="width: 100%; height: 100%;
                margin: 0px; padding: 0px;"></iframe>
        </div>
    </div>
        
    <div id="dialog2" class="yui-pe-content" >
        <div class="hd">
            选择基本信息:</div>
        <div class="bd">
            <iframe id="EditUIWindow1" frameborder="0" src="" style="width: 100%; height: 100%;
                margin: 0px; padding: 0px;"></iframe>
        </div>
    </div>
    <div id="dialog3" class="yui-pe-content"  >
        <div class="hd">
            提示</div>
        <div class="bd">
            你正在删除当前选择的数据，继续请按确定？
        </div>
    </div>
 
    <div id="dialog4" class="yui-pe-content">
        <div class="hd">
            查询</div>
        <div class="bd">
           <iframe id="QueryWindow" frameborder="0" src="" style="width: 100%; height: 100%;
                margin: 0px; padding: 0px;"></iframe>
        </div>
    </div>
    
    <div id="dialog5" class="yui-pe-content" >
        <div class="hd">
           <% =PageTitle %> 数据详情</div>
        <div class="bd">
            <iframe id="EditUIWindow3" frameborder="0" src="" style="width: 100%; height: 100%;
                margin: 0px; padding: 0px;"></iframe>
        </div>
    </div>
    </div>
    </form>
</body>
<!-- 通用方法 -->
<script src="../Scripts/common.js" type="text/javascript"></script>
<!-- 定义数据格式化方法 -->
<script src="../Scripts/yui.list.dataformat.js" type="text/javascript"></script>
<!--  用于加载自定义脚本 -->
<script src="../Scripts/appjs/model.<% =EntityName %>.js?r=1.1" type="text/javascript" language="javascript"></script> 
<script type="text/javascript">
//alert(YAHOO.util.Dom.getViewportHeight());

    var const_entityID = "<% =EntityId %>",    //实体ID名称
        const_entityName = "<% =EntityName %>",//实体名称
        const_EditEntity = "<% =EditEntity %>",//编辑实体名
        const_functionId   ="<% =FunctionID %>",//自定义条件
        const_Order ="<% =Order %>",           //排序  
        const_UserId = "<% = UserId %>",       //
        const_UserName = "<% = this.User.LoginName %>",  
        const_DataFields = [<% =DataFields %>],
        const_DataColums = [<% =DataColums %>],

        const_EditWindowWidth = "<% =EditWindowWidth %>px",
		const_EditWindowHeight = "<% =EditWindowHeight %>px",

        const_QueryField="<% =QuciklyQueryFields %>",
        const_CustomCondition = encodeURI("<% =DefineCondition %>"),//查询方案条件
        const_Condition =  encodeURI("<% =Condition %>"),//
        const_PageTitle=encodeURI("<% =PageTitle %>"),
        selectControl=null,
        requireUrl="",
        initialRequestUrl = "pageindex=1&entity=" + const_entityName + "&order="+const_Order+"&r="+Math.random()+"&zip=94089&results=10&output=json&functionid="+const_functionId+"&customCondition="+ const_CustomCondition+"&condition="+const_Condition,
        SaveUrl,dl,//要删除的数据列  
        const_height,const_width;
    (function () {
        var Dom = YAHOO.util.Dom,
        Event = YAHOO.util.Event;
	    if (navigator.userAgent.match(/iPad|iPhone/i)) { 
            Event.onDOMReady(function () {
             const_height =  Dom.getViewportHeight();
             const_width  = Dom.getViewportWidth();
                var layout = new YAHOO.widget.Layout("layout",{
                        height: Dom.getViewportHeight(),
                        width: Dom.getViewportWidth(),
                    units: [
                    { position: 'top',height: 35, body: 'toolbar', gutter: '1 1 1 1', scroll: null, zIndex: 2 },
                    //{ position: 'left', header: '功能模块', width: 250, body: 'left', gutter: '1 5 1 1', collapse: true, scroll: true, zIndex: 1, resize: true },
                    {position: 'center', body: 'data', gutter: '1 1', scroll:false},
                    { position: 'bottom', height: 35, body: 'bottom', gutter: '1 1'}
                ]
                });
                layout.render();
            });
        }else{
            Event.onDOMReady(function () {
             const_height =  Dom.getViewportHeight();
             const_width  = Dom.getViewportWidth();
            var layout = new YAHOO.widget.Layout(
                { units: [
                { position: 'top',height: 35, body: 'toolbar', gutter: '1 1 1 1', scroll: null, zIndex: 2 },
                //{ position: 'left', header: '功能模块', width: 250, body: 'left', gutter: '1 5 1 1', collapse: true, scroll: true, zIndex: 1, resize: true },
                {position: 'center', body: 'data', gutter: '1 1', scroll:false},
                { position: 'bottom', height: 35, body: 'bottom', gutter: '1 1'}
            ]
            });
            layout.render();
        });
        }
    })();

    
    YAHOO.example.init = function () {
        // "click" event handler for each Button instance
        function onButtonClick(p_oEvent) {
                 YAHOO.log("You clicked button: " + this.get("id"), "info", "example1");
                 switch(this.get("id"))
                 { 
                     <% =InitBtnEvents %>
//                    case "btnFull": 
//                         fnFull();
//                         break;
//                    case "btnClose":
//                         window.parent.$("#tabs").tabs('close','<% =PageTitle %>');
//                         break;
                    case "btnReload":
                         RefreshCache();
                         fnReload();
                         break;
                    case "btnQuickQuery":
                         fnQuciklyQuery();
                         break;
                    default:
                         break;
                 }                        
        }


        YAHOO.util.Event.onContentReady("toolbar", function () {
        <% =BtnEvents  %>
//        var btnFull = new YAHOO.widget.Button("btnFull");
//        btnFull.on("click", onButtonClick);
//        var btnClose = new YAHOO.widget.Button("btnClose");
//        btnClose.on("click", onButtonClick);
        var btnReload = new YAHOO.widget.Button("btnReload");
        btnReload.on("click", onButtonClick);
        var btnQuickQuery= new YAHOO.widget.Button("btnQuickQuery");
        btnQuickQuery.on("click", onButtonClick);

        });
    }();
</script> 

<!-- YUI  通用功能  -->
<script src="../Scripts/yui.list.common.js" type="text/javascript"></script>  
<!--  用于加载按扭方法 -->
<script src="../Scripts/yui.list.button.event.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
    window.document.getElementById("dialogArea").style.display = "";
    //    var SetCache = function (i) {
    //        var requestStr = "AjaxData/JsonList.aspx?pagesize=" + pagesize + "&pageindex="+i+"&entity=" + const_entityName + "&order=" + const_Order + "&r=" + Math.random() + "&zip=94089&results=10&output=json&functionid=" + const_functionId + "&customCondition=" + const_CustomCondition;
    //        YAHOO.util.Connect.asyncRequest('POST', requestStr, {
    //            success: function (res) {
    //                //alert(res.responseText);
    //                var o = eval("(" + res.responseText + ")").rows;
    //                //alert(document.getElementById("pagetotal"));
    //                //debugger
    //                SysCache.add("Data"+i, o);
    //            },
    //            failure: function (error) {
    //                alert("数据错误：" + error.statusText);
    //            }
    //        }, null);
    //    }
    //    var InitCache = function () {
    //        for (var i = 1; i < 21; i++) {
    //            SetCache(i);
    //        }
    //    }
    //setTimeout(InitCache,3000);
    var SetCache = function () {
        //        var requestStr = "AjaxData/JsonList.aspx?setcache=true&pagesize=" + pagesize + "&pageindex=" + 1 + "&entity=" + const_entityName + "&order=" + const_Order + "&r=" + Math.random() + "&zip=94089&results=10&output=json&functionid=" + const_functionId + "&customCondition=" + const_CustomCondition;
        //        YAHOO.util.Connect.asyncRequest('POST', requestStr, {
        //            success: function (res) {
        //            },
        //            failure: function (error) {
        //                //alert("数据错误：" + error.statusText);
        //            }
        //        }, null);
    }
    //
    var RefreshCache = function () {
        //        var requestStr = "AjaxData/JsonList.aspx?IsRefreshCache=true&setcache=true&pagesize=" + pagesize + "&pageindex=" + 1 + "&entity=" + const_entityName + "&order=" + const_Order + "&r=" + Math.random() + "&zip=94089&results=10&output=json&functionid=" + const_functionId + "&customCondition=" + const_CustomCondition;
        //        YAHOO.util.Connect.asyncRequest('POST', requestStr, {
        //            success: function (res) {
        //            },
        //            failure: function (error) {
        //                //alert("数据错误：" + error.statusText);
        //            }
        //        }, null);
    }
    //    setTimeout(SetCache, 500);
    YAHOO.util.Event.addListener(document, 'keydown', function (ev) {
        if (ev.ctrlKey && ev.keyCode == "72") {
            fnModuleHelp();
            //alert("帮助");
        }
        if (ev.ctrlKey && ev.keyCode == "83") {

            fnListSetting();
            //alert("设置");
        }
    });
    //    $ = parent.$;
    //    $(document).bind("keypress", function (ev) {   
    //        //alert(ev.keyCode);
    //    });
//    var s = function () {
//        YAHOO.util.Dom.setStyle("layout-doc", "height", YAHOO.util.Dom.getViewportHeight() + "px");
//        YAHOO.util.Dom.setStyle("yui-gen3", "height", YAHOO.util.Dom.getViewportHeight() + "px");
//        //YAHOO.util.Dom.setStyle("yui-gen4","top",YAHOO.util.Dom.getViewportHeight()+"px");
//        //YAHOO.util.Dom.setStyle("layout-doc","overflow","hidden");
//        //YAHOO.util.Dom.get.style.height=YAHOO.util.Dom.getViewportHeight()-10;
//        //alert(YAHOO.util.Dom.get("layout-doc").style.height);
//        //alert(YAHOO.util.Dom.get("yui-gen3").style.height);
//        YAHOO.util.Dom.get("layout-doc").style.height = YAHOO.util.Dom.getViewportHeight();
//    }
//    setTimeout(s, 1000);
</script>
</html>
